import { XxCodeBlock } from "@/ui";
import React, { useEffect } from "react";

/**
 * 代码模板组件
 * @param {Object} props - 组件属性
 * @param {Function} props.onRef - 父组件引用回调函数
 * @param {string} props.code - 需要展示的代码字符串
 * @returns {JSX.Element} 返回一个包含代码块的 div 容器
 * @description 用于展示代码的模板组件,使用 XxCodeBlock 组件渲染代码内容
 */
const TemplateIndex = ({ onRef, code, ...props }) => {


    return (
        <div style={{ height: "100%",  }}>
            <XxCodeBlock
                language="javascript"
                code={code}
            />
        </div>
    );
};

export default TemplateIndex;